<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WEB01</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>

	<c:if test="${empty account }">
		<%
			session.setAttribute("account", session.getAttribute("acc"));
		%>
	</c:if>



			<!--
            	时间：2015-12-30
            	描述：菜单栏
            -->
	<div class="container-fluid">
		<div class="col-md-4">
			<img src="img/logo2.png" />
		</div>
		<div class="col-md-5">
			<img src="img/header.png" />
		</div>
		<div class="col-md-3" style="padding-top: 20px">
			<ol class="list-inline">

				<li><c:if test="${not empty account }">
						<a href="#">当前账户:<c:out value="${account }" /></a>
						<li><a href="login.jsp">退出</a></li>
						<li><a href="shoppingCar">购物车</a></li>
					</c:if> 
					<c:if test="${empty account }">
						<c:if test="${not empty acc }">
							<a href="#">已登录，当前账户:<c:out value="${acc }" /></a>
							<li><a href="login.jsp">退出</a></li>
							<li><a href="#">购物车</a></li>
						</c:if>
						<c:if test="${empty acc }">
							<li><a href="login.jsp">未登录，请登录</a></li>
							<li><a href="register.jsp">注册</a></li>
						</c:if>
					</c:if></li>
			</ol>
		</div>
	</div>

			<!--
            	时间：2015-12-30
            	描述：导航条
            -->
	<div class="container-fluid">
		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
						aria-expanded="false">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.jsp">首页</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse"
					id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="#">手机数码<span class="sr-only">(current)</span></a></li>
						<li><a href="#">电脑办公</a></li>
						<li><a href="#">电脑办公</a></li>
						<li><a href="#">电脑办公</a></li>
					</ul>
					<form class="navbar-form navbar-right" role="search">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Search">
						</div>
						<button type="submit" class="btn btn-default">Submit</button>
					</form>

				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
	</div>

			<!--
            	作者：ci2713@163.com
            	时间：2015-12-30
            	描述：轮播条
            -->
	<div class="container-fluid">
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="img/1.png">
					<div class="carousel-caption"></div>
				</div>
				<div class="item">
					<img src="img/2.png">
					<div class="carousel-caption"></div>
				</div>
				<div class="item">
					<img src="img/3.png">
					<div class="carousel-caption"></div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic"
				role="button" data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a> <a class="right carousel-control" href="#carousel-example-generic"
				role="button" data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
	<!--
            	作者：ci2713@163.com
            	时间：2015-12-30
            	描述：商品显示
            -->
	<div class="container-fluid">
		<div class="col-md-12">
			<h2>
				热门商品&nbsp;&nbsp;<img src="img/title2.jpg" />
			</h2>
		</div>
		<div class="col-md-2"
			style="border: 1px solid #E7E7E7; border-right: 0; padding: 0;">
			<img src="shopImg/1.png" width="205" height="404"
				style="display: inline-block;" />
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=2"> <img src="shopImg/2.png"
				width="200" height="380" style="display: inline-block;">
			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=3"> <img src="shopImg/3.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=4"> <img src="shopImg/4.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=5"> <img src="shopImg/5.png"
				width="200" height="380" style="display: inline-block;">
			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=6"> <img src="shopImg/6.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>
	</div>
	<!--
            	作者：ci2713@163.com
            	时间：2015-12-30
            	描述：广告部分
            -->
	<div class="container-fluid">
		<img src="products/hao/ad.jpg" width="100%" />
	</div>
	<!--
            	作者：ci2713@163.com
            	时间：2015-12-30
            	描述：商品显示
            -->

	<div class="container-fluid">
		<div class="col-md-12">
			<h2>
				热门商品&nbsp;&nbsp;<img src="img/title2.jpg" />
			</h2>
		</div>
		<div class="col-md-2"
			style="border: 1px solid #E7E7E7; border-right: 0; padding: 0;">
			<img src="shopImg/1.png" width="205" height="404"
				style="display: inline-block;" />
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=2"> <img src="shopImg/2.png"
				width="200" height="380" style="display: inline-block;">
			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=3"> <img src="shopImg/3.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=4"> <img src="shopImg/4.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=5"> <img src="shopImg/5.png"
				width="200" height="380" style="display: inline-block;">
			</a>
		</div>

		<div class="col-md-2 yes-right-border"
			style="text-align: center; height: 200px; padding: 10px 0px;">
			<a href="product_info.jsp?png=6"> <img src="shopImg/6.png"
				width="200" height="380" style="display: inline-block;">

			</a>
		</div>
	</div>

	<!--
            	作者：ci2713@163.com
            	时间：2015-12-30
            	描述：页脚部分
            -->
	<div class="container-fluid">
		<div style="margin-top: 50px;">
			<img src="img/footer.jpg" width="100%" height="78" alt="我们的优势"
				title="我们的优势" />
		</div>

		<div style="text-align: center; margin-top: 5px;">
			<ul class="list-inline">
				<li><a>关于我们</a></li>
				<li><a>联系我们</a></li>
				<li><a>招贤纳士</a></li>
				<li><a>法律声明</a></li>
				<li><a>友情链接</a></li>
				<li><a>支付方式</a></li>
				<li><a>配送方式</a></li>
				<li><a>服务声明</a></li>
				<li><a>广告声明</a></li>
			</ul>
		</div>
		<div style="text-align: center; margin-top: 5px; margin-bottom: 20px;">
			Copyright &copy; 2018-2025 睿峰商城 版权所有</div>
	</div>
</body>

</html>